<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>个人信息</title>
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no, viewport-fit=cover"
    />
    <link href="phoneContent/plugin/mui/css/mui.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="phoneContent/css/style.css" />
    <link rel="stylesheet" href="phoneContent/css/Fit.css">
    <style type="text/css">
      .memberInfo_box .mbInfo li select {
        flex: 2;
        padding: 10px 0;
        border: none;
        margin: 0;
      }
      .Voucher {
        flex: 1;
        padding: 10px 0;
        border: none;
        margin: 0;
        max-height: 120px;
      }
      body {
        overflow-y: auto;
      }
      .mui-content {
        margin-bottom: 80px;
        padding-bottom: 0;
      }
      .code-img {
        width: 60px;
        height: 60px;
        margin-left: 20px;
        display: block;
      }
      .pay-code-img > em {
        position: relative;
      }
      .pay-code-img .del {
        position: absolute;
        right: -10px;
        top: -10px;
        background-color: red;
        color: #fff;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        text-align: center;
        line-height: 20px;
      }
      #header {
        display: flex;
        justify-content: space-between;
      }
      #header em {
        color: #967742;
        width: 30%;
        display: inline-block;
        text-align: left;
        font-style: normal;
      }
      .pay-code-img {
        display: flex;
        justify-content: space-between;
      }
      .pay-code-img em {
        color: #967742;
        width: 30%;
        display: inline-block;
        text-align: left;
        font-style: normal;
      }
      #add_zfb_img,
      #add_wx_img,
      #add_yhk_img {
        width: 100px;
        height: 100px;
        position: relative;
      }
      #img_up_file_zfb,
      #img_up_file_wx,
      #img_up_file_yhk {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        opacity: 0;
      }
    </style>
  </head>

  <body>
    <header class="mui-bar mui-bar-nav bgRed headerTop">
      <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
      <h1 class="mui-title">我的收款账户</h1>
    </header>
    <div class="mui-content memberInfo_box" id="content">
      <ul class="mbInfo mbInfo1">
        <li class="header" id="header">
          <em>头像</em>
          <div class="upimg">
            <img src="phoneContent/img/headImg.png" style="width: 60px; height: 60px" />
          </div>
        </li>

        <li><span>支付宝账号</span><input value="" type="text" id="zfb" placeholder="请输入支付宝账号" /></li>
        <li id="imgList" class="pay-code-img">
          <em>支付宝收款码</em>
          <div id="add_zfb_img">
            <img id="img_content_img_zfb" src="phoneContent/img/upload.png" style="width: 80px; height: 80px" />
            <form enctype="multipart/form-data" method="post">
              <input
                type="file"
                name="upload"
                id="img_up_file_zfb"
                accept="image/*"
                onchange="startRead('zfb')"
                class="upload1"
              />
            </form>
          </div>
        </li>

        <li><span>微信</span><input value="" type="text" id="wx" placeholder="请输入微信号" /></li>
        <li id="wx_img_list" class="pay-code-img">
          <em>微信收款码</em>
          <div id="add_wx_img">
            <img id="img_content_img_wx" src="phoneContent/img/upload.png" style="width: 80px; height: 80px" />
            <form enctype="multipart/form-data" method="post">
              <input
                type="file"
                name="upload"
                id="img_up_file_wx"
                accept="image/*"
                onchange="startRead('wx')"
                class="upload1"
              />
            </form>
          </div>
        </li>

        <li><span>银行卡号</span><input value="" type="text" id="yhk" placeholder="请输入银行卡号" /></li>
        <!-- <li id="yhk_img_list" class="pay-code-img">
          <em>银行卡号</em>
          <div id="add_yhk_img">
            <img
              id="img_content_img_yhk"
              src="phoneContent/img/upload.png"
              style="width: 80px; height: 80px"
            />
            <form enctype="multipart/form-data" method="post">
              <input
                type="file"
                name="upload"
                id="img_up_file_yhk"
                accept="image/*"
                onchange="startRead('yhk')"
                class="upload1"
              />
            </form>
          </div>
        </li> -->
      </ul>
      <button class="mui-btn mui-btn-block mui-btn-primary" id="subPay">确定</button>
    </div>

    <script src="phoneContent/js/appcontent.js"></script>
    <script src="phoneContent/js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
    <script src="phoneContent/plugin/mui/js/mui.js" type="text/javascript" charset="utf-8"></script>
    <script src="page-js/myAccount.js"></script>
    <script src="phoneContent/js/Fit.js"></script>
  </body>
</html>
